<!--
 * @Author: 邹涵 zouh@wizpower.com
 * @Date: 2024-06-17 09:09:47
 * @LastEditors: 邹涵 zouh@wizpower.com
 * @LastEditTime: 2024-06-23 15:47:06
 * @FilePath: \zj_front\src\components\title\index.vue
 * @Description: 
-->
<template>
  <div>
    <div  class="title-view"><span class="title-line"></span>{{title}}</div>
  </div>
</template>
<script>
export default {
  name: 'title',
  model: {
    prop: 'value',
    event: 'click',
  },
  props: {
    // 外部绑定的下拉框的数据
    // formVla: {
    //   type: String,
    //   default: '',
    // },
    // // 下拉框label绑定数据的字段名
    // val: {
    //   type: String,
    //   default: 'stationName',
    // },
    // 数据源
    // commonAddr: {
    //   type: Array,
    //   default: [],
    // },
    // 复制一份数据
    // copycommonAddr: {
    //   type: Array,
    //   default: [],
    // },
    title: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      value: '',
    }
  },

  created() {
  },
  methods: {

  },
}
</script>
<style>
.title-view {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 10px;
  align-items: center;
  vertical-align: middle;
  color: #606266;

  .title-line {
    width: 4px;
    height: 16px;
    background: rgba(1, 126, 129);
    margin-right: 8px;
  }
}
</style>
